.steps {
    font-size: 14px;
    &-item {
        position: relative;
        display: block;
        flex: 1 1;        
        &-icon, &-icon--active {
            top: 5px;
            z-index: 1;
            position: absolute;
            border-radius: 50%;
            margin-left: 18px;
            width: 5px;
            height: 5px;
            background-color: #dddddd;
        }
        &-icon--active {
            margin-left: 17px;
            width: 7px;
            height: 7px;
            background-color: #888888;
        }
        &-line {
            position: absolute;
            top: 5px;
            margin-left: 20px;
            height: 100%;
            width: 1px;
            display: inline-block;
            background-color: #dddddd;
            &::after {
                content: '';
                height: 100%;
                width: 1px;
                display: inline-block;
            }
        }
        &-content {
            position: relative;
            display: inline-block;
            margin-left: 35px;
            &-title {
                color: #000000;
                font-size: 14px;
            }
            &-description {
                overflow: hidden;
                font-size: 12px;
                color: #888888;
            }
            &-datetime {
                margin-top: 7.5px;
                font-size: 12px;
                color: #888888;
            }
        }
    }
    &-expand {
        text-align: center;
        clear: both;
        zoom: 1;
    }
}